.head {
  display: flex;
  height: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  background: #7e4c81;
  color: white;
}
.head .left {
  width: 15%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.head .left img {
  width: 40%;
  height: 0.66666667rem;
}
.head .center {
  flex: 1;
  font-size: 30px;
}
.head .right {
  width: 15%;
}
.nav {
  border-bottom: 1px solid #c3c3c3;
}
.nav ul {
  display: flex;
  justify-content: space-around;
  font-size: 0.4rem;
  text-align: center;
}
.nav ul li {
  flex: 1;
  background: url(../img/shuxian.png) left;
  background-repeat: no-repeat;
  line-height: 1.2rem;
}
.nav ul .show {
  border-bottom: 5px solid #7e4c81;
  color: #7e4c81;
}
.nav ul .one {
  background: none;
}
.box {
  display: flex;
  text-align: center;
}
.input p {
  width: 33%;
}
.input p sup {
  color: red;
}
.input .inp {
  flex: 1;
  background: #f3f3f3;
}
.input .inp input {
  width: 100%;
  height: 1.2rem;
}
.peijian {
  display: flex;
  justify-content: center;
  margin-top: 0.26666667rem;
  line-height: 1.2rem;
  font-size: 0.33333333rem;
}
.peijian input {
  border: none;
}
.peijian .pei {
  width: 95%;
  border: 1px solid #ccc;
  border-radius: 8px;
}
.peijian .pei .jian {
  display: flex;
  text-align: center;
  border-bottom: #cccccc solid 1px;
}
.peijian .pei .jian p {
  width: 33%;
}
.peijian .pei .jian p sup {
  color: red;
}
.peijian .pei .jian .inp {
  flex: 1;
  background: #f3f3f3;
}
.peijian .pei .jian .inp input {
  width: 100%;
  height: 1.2rem;
}
.peijian .pei .jian p {
  background: #e9ecf1;
}
.peijian .pei .jian input {
  background: none;
}
.peijian .pei .shu {
  display: flex;
  text-align: center;
}
.peijian .pei .shu p {
  width: 33%;
}
.peijian .pei .shu p sup {
  color: red;
}
.peijian .pei .shu .inp {
  flex: 1;
  background: #f3f3f3;
}
.peijian .pei .shu .inp input {
  width: 100%;
  height: 1.2rem;
}
.peijian .pei .shu p {
  background: #f3f6fb;
}
.tianjia {
  display: flex;
  justify-content: center;
  margin-top: 0.26666667rem;
  font-size: 0.33333333rem;
  line-height: 0.73333333rem;
}
.tianjia .btn {
  display: flex;
  justify-content: flex-end;
  width: 95%;
}
.tianjia .btn p {
  background: #7e4c81;
  color: white;
  padding-left: 0.26666667rem;
  padding-right: 0.26666667rem;
}
.pin {
  display: flex;
}
.pin .left {
  width: 10%;
  display: flex;
  background: #e95e49;
  align-items: center;
  justify-content: center;
}
.pin .right {
  display: flex;
  flex: 1;
  justify-content: space-around;
}
.biao {
  display: flex;
  justify-content: center;
  margin-top: 0.26666667rem;
}
.biao .waiceng {
  width: 95%;
  border: #bcbbbb 1px solid;
  border-radius: 8px;
  line-height: 0.93333333rem;
  font-size: 0.33333333rem;
}
.biao .waiceng .bian {
  display: flex;
  justify-content: space-around;
  background: #bcbbbb;
  color: white;
  padding-left: 1.33333333rem;
}
.biao .waiceng .ping {
  display: flex;
}
.biao .waiceng .ping .left {
  width: 10%;
  display: flex;
  background: #e95e49;
  align-items: center;
  justify-content: center;
}
.biao .waiceng .ping .right {
  display: flex;
  flex: 1;
  justify-content: space-around;
}
.biao .waiceng .ping .right {
  background: #fbfbfb;
}
.biao .waiceng .guan {
  display: flex;
}
.biao .waiceng .guan .left {
  width: 10%;
  display: flex;
  background: #e95e49;
  align-items: center;
  justify-content: center;
}
.biao .waiceng .guan .right {
  display: flex;
  flex: 1;
  justify-content: space-around;
}
.biao .waiceng .guan .left {
  background: #c9cac5;
}
.biao .waiceng .guan .right {
  background: #f3f3f3;
}
.biao .waiceng .liang {
  display: flex;
  justify-content: flex-end;
  background: #7e4c81;
  color: white;
}
.biao .waiceng .liang p {
  padding-right: 0.53333333rem;
}
.sousuo {
  display: none;
  position: relative;
  background: #f7f7f7;
  top: -8.66666667rem;
}
.sousuo .search {
  display: flex;
  justify-content: center;
}
.sousuo .search .sea {
  line-height: 0.8rem;
  display: flex;
  width: 95%;
  border: #ccc solid 1px;
  border-radius: 7px;
  background: #fff;
}
.sousuo .search .sea .inp {
  width: 90%;
}
.sousuo .search .sea .inp input {
  border: none;
  width: 100%;
  line-height: 0.8rem;
}
.sousuo .search .sea .imgs {
  flex: 1;
  text-align: center;
  background: #fff;
}
.sousuo .u ul {
  font-size: 0.33333333rem;
}
.sousuo .u ul li {
  line-height: 0.8rem;
  padding-left: 0.26666667rem;
  border-bottom: 1px #ccc solid;
}
.sousuo .u ul .two {
  border-left: 3px solid red;
}
